<!-- 人气推荐-->


<template>
  <div>
    <h4>人气推荐</h4>
    <ul class="hotGoodsList">
      <li v-for="item in hotGoodsListArr" :key="item.id">
        <div class="img_box">
          <img :src="item.list_pic_url" alt="" />
        </div>
        <div class="desc_box">
          <p>{{ item.name }}</p>
          <p>{{ item.goods_brief }}</p>
          <p>{{ "¥" + item.retail_price + ".00" + "元" }}</p>
        </div>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  props: ["hotGoodsListArr"],
};
</script>

<style lang='less' scoped>
h4 {
  text-align: center;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
}
/deep/ .img_box {
  width: 100px;

  img {
    width: 150%;
    display: block;
  }
}
</style>